/*导航栏下云起名搜索--本艾/商城*/
.search{ width:85%; height: 4.5rem; margin:0 auto; position: relative; text-align:center;}
.platform-link{ display: inline-block; vertical-align:0.75rem; float:right;}
.hide{display: none;}
.search .returntoOldUrl{ height:2rem; font-size:0.7rem; text-align:center; cursor:pointer; margin:1.2rem 1.1rem 0 0;
    transition:all 0.15s ease-in-out; display: inline-block;}
.search .returntoOldUrl a{ display:inline-block; width:100%; height:100%; padding-top:0.5rem; color:#333333; transition:all 0.15s ease-in-out;}
.search .returntoOldUrl a:hover{ opacity:.7;}
.search .returntoOldUrl a img{ vertical-align: middle; margin-right: 0.5rem; display: inline-block;}
.search .searchBox{ width:50%; height:2.1rem; margin-top:1.2rem; background-color:#fafafa; position:relative; display: inline-block;}
.search .searchBox .list{ position: absolute; left: 0px; top: 0px; width: 6rem; height: 2rem; border: 1px solid #dedede; z-index: 10;}
.search .searchBox .list select{width: 5.5rem; height: 2rem; border: 0; font-size: 0.8rem; color:#333; background: none;}
.searchBox .sousuo-con { position: absolute; left: 6rem; top: 0px; height: 2rem; line-height: 2rem; width: calc(100% - 10.35rem); padding: 0 0.6rem;
    border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fafafa; border-left: 0; font-size: 0.8rem; color:#333;}
.searchBox .sousuo-btn { width: 3.15rem; height: 2.1rem; position: absolute; top: 0px; right: 0px; background-color: #673ab7;}
.searchBox .sousuo-btn a{ display:block; height:100%; text-align:center;}
.searchBox .sousuo-btn img { width: 1.2rem; height: 1.2rem; margin: 0 auto; padding-top: 0.45rem;}

/*左中右结构（小轮播图/起名选卡/文字简介）*/
.cont-wrap{ width:100%; height:auto; overflow:hidden;}
.cont-wrap .cont-row{ width:85%; height:auto; overflow:hidden; margin:0.5rem auto 0;}
.cont-wrap .cont-row .left{ width:30%; height:auto; float:left; background:transparent; padding-top:0.5rem; box-sizing:border-box;}
.cont-wrap .cont-row .min-banner{ display: block; width:100%; height:0px; padding-top: 68.25%; overflow:hidden; position: relative;}
.cont-wrap .cont-row .min-banner img { display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.cont-wrap .cont-row .min-banner .p-txt { position:absolute; left:0; bottom:0; z-index:1; background-color:rgba(0, 0, 0, .5);
    height:2rem; line-height:2rem; overflow:hidden; -o-text-overflow:ellipsis;text-overflow: ellipsis; white-space:nowrap; color:#fff;
    font-size:1.1rem;padding: 0 0.5rem; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;width:100%;text-align:center;}

.cont-wrap .cont-row .mid{ width:36%; height:auto; overflow: hidden; float:left; background:transparent; box-sizing:border-box;
    margin:0 2%; position: relative;}

/*第一排内容中间的样式*/
.cont-wrap .cont-row .mid .cbox {float: left;padding: 0.5rem 0;border-bottom: 1px solid #e9e9e9;width: 100%;}
.cont-wrap .cont-row .mid .cbox:last-child {border-bottom: none;}
.cont-wrap .cont-row .mid .cbox h4 {font-size: 1rem;height: 1rem;line-height: 1rem;font-weight: 400;
    margin-bottom: 0.4rem;overflow: hidden;}
.cont-wrap .cont-row .mid .cbox h4 a {color: #782faa;}
.cont-wrap .cont-row .mid .cbox p {height: 1.25rem;line-height: 1.25rem;font-size: 0.7rem;overflow: hidden;}
.cont-wrap .cont-row .mid .cbox p.type2 {height: 2.7rem;}
.cont-wrap .cont-row .mid .cbox a {color: #666;margin-right: 0.75rem;}
.cont-wrap .cont-row .mid .cbox span {color: #49197e;}

/*第一排内容右边的样式*/
.cont-wrap .cont-row .right{ width:30%; height:auto; float:left; background:transparent; box-sizing:border-box;}
.cont-wrap .cont-row .right .con {display: none;width: 90%;margin: 0.2rem auto 0;}
.cont-wrap .cont-row .right .con.curr {display: block; margin-bottom: 0.5rem;}
.cont-wrap .cont-row .right .t {width: 10.65rem; height: 1.6rem; margin: 0 auto;}
.cont-wrap .cont-row .right .t span {width: 2.6rem;height: 1.4rem;border: 1px solid #ccbbd7; display: table-cell;
    margin-right: -1px;margin-top: -1px;color: #333;font-size: 0.7rem;line-height: 1.4rem;text-align: center;
    background: #fff;cursor: pointer;}
.cont-wrap .cont-row .right .t span.curr {background: #782faa;border-color: #782faa;color: #fff;}
.cont-wrap .cont-row .right .c {display: none;height: auto;}
.cont-wrap .cont-row .right .c.curr {display: block;}
.cont-wrap .cont-row .right .c h4 {height: 1.5rem;line-height: 1.5rem;text-align: center;margin-top: 0.5rem;
    font-size: 0.9rem;color: #000;}
.cont-wrap .cont-row .right .c p {line-height: 1rem;font-size: 0.6rem;color: #333;padding: 0 0px;}
.cont-wrap .cont-row .right .c a {color: #333;}
.cont-wrap .cont-row .right .tab {width: 100%;margin: 0 auto;overflow: hidden;}
.cont-wrap .cont-row .right .tab li {width: 24.2%;text-align: center;border: 1px solid #ccbbd7;border-radius: 0.2rem;
    background-image: url("/img/web_pc/icon-astro1.png");background-repeat: no-repeat;background-size: auto 1.5rem;
    font-size: 0.6rem;color: #782faa;margin-right: 1%;margin-bottom: 0.25rem;float: left;cursor: pointer;
    padding-top: 1.25rem;padding-bottom: 0.2rem; box-sizing: border-box;}
.cont-wrap .cont-row .right .tab li:nth-child(4n){ margin-right: 0;}
.cont-wrap .cont-row .right .tab li.l1 {background-position: -0.15rem 0;}
.cont-wrap .cont-row .right .tab li.l2 {background-position: -5.15rem 0;}
.cont-wrap .cont-row .right .tab li.l3 {background-position: -10.15rem 0;}
.cont-wrap .cont-row .right .tab li.l4 {background-position: -15.15rem 0;}
.cont-wrap .cont-row .right .tab li.l5 {background-position: -20.15rem 0;}
.cont-wrap .cont-row .right .tab li.l6 {background-position: -25.15rem 0;}
.cont-wrap .cont-row .right .tab li.l7 {background-position: -30.15rem 0;}
.cont-wrap .cont-row .right .tab li.l8 {background-position: -35.15rem 0;}
.cont-wrap .cont-row .right .tab li.l9 {background-position: -40.15rem 0;}
.cont-wrap .cont-row .right .tab li.l10 {background-position: -45.15rem 0;}
.cont-wrap .cont-row .right .tab li.l11 {background-position: -50.15rem 0;}
.cont-wrap .cont-row .right .tab li.l12 {background-position: -55.15rem 0;}
.cont-wrap .cont-row .right .tab li:hover{background-color: #782faa;background-image: url("/img/web_pc/icon-astro2.png");}
.cont-wrap .cont-row .right .tab li:hover a{color: #fff !important;}
.cont-wrap .cont-row .right .tab li:hover a:hover{color: #fff !important;}
.cont-wrap .cont-row .right .tab li.curr {background-color: #782faa;background-image: url("/img/web_pc/icon-astro2.png");
    color: #fff; background-size: auto 1.5rem;border-color: #782faa;}
.cont-wrap .cont-row .right .tab li a:hover, a:visited, a:link{color: #782faa;}

/*星座文章*/
.newst {width: 100%;}
.newst .tit2 {height: 2.5rem;line-height: 2.5rem;border-bottom: 2px solid #e0e0e0;}
.newst .tit2 h4 {height: 2.5rem;border-bottom: 2px solid #7b2faa;margin-bottom: -2px;float: left;font-size: 1.2rem;
    color: #000;font-weight: 400;}
.newst .alb {clear: both;width: 100%;height: 10rem;padding: 0; }
.newst .al {float: left;width: 25%;}
.newst .al h4 {background: url(/img/xingzuo/icon-astro.png) no-repeat;width: 6rem;height: 10rem;float: left; background-size: 14.75rem 58.45rem;}
.newst .al h4 a {display: block;width: 5rem;line-height: 10rem;text-align: center;margin-left: 0.5rem;
    overflow: hidden;height: 10rem;text-indent: -9999px;}
.newst .al h4.al1 {background-position: 0px 1rem;}
.newst .al h4.al2 {background-position: -9rem 1rem;}
.newst .al h4.al3 {background-position: 0.1rem -9rem;}
.newst .al h4.al4 {background-position: -8.8rem -9rem;}
.newst .al h4.al5 {background-position: 0px -19.35rem;}
.newst .al h4.al6 {background-position: -8.8rem -19.3rem;}
.newst .al h4.al7 {background-position: 0.4rem -29.5rem;}
.newst .al h4.al8 {background-position: -8.8rem -29.4rem;}
.newst .al h4.al9 {background-position: 0.2rem -39.65rem;}
.newst .al h4.al10 {background-position: -9.2rem -39.6rem;}
.newst .al h4.al11 {background-position: 0.25rem -49.9rem;}
.newst .al h4.al12 {background-position: -9.1rem -49.9rem;}
.newst .al ul {float: left;padding: 1rem 0;width:calc(100% - 6rem);}
.newst .al ul li {font-size: 0.7rem;height: 1.4rem;line-height: 1.4rem;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;}
.newst .al ul li small {color: #aaa;margin: 0 0.3rem;}
.newst .al ul li a {color: #333;font-size: 0.75rem;}


/*左中右结构（宝宝起名人气榜/名字打分/宝宝取名知识）*/
/*宝宝起名人气榜*/
.nameTop h2{ color: #782faa; height:2rem; line-height:2rem; background:transparent; border:solid 1px #e5e5e5; font-size:1rem; padding:0 0.5rem;}
.nameTop h2 font {color: #c11b01;font-size: 0.7rem;font-weight: normal;font-family: Arial, Helvetica, sans-serif;padding-left: 0.25rem;}
.nameTop h2 a.more{float:right; border:0; background:url(/img/web_pc/morebg.png) no-repeat right; padding-right:1.5rem; font-weight:normal; color:#999; font-family:"宋体"; font-size:12px;}
.nameTop h2 a.more:hover{background:background:url(/img/web_pc/morebg.png) no-repeat right; color:#c11b01;}
.nameTop ul {border: solid 1px #e5e5e5;border-top: none;overflow: hidden;height: calc(100% - 2.25rem); box-sizing: border-box;}
.nameTop ul li {height: 1.7rem;line-height: 1.7rem;border-bottom: dashed 1px #e5e5e5;font-size:0.75rem;padding:0 0 0 1.5rem;
    position: relative;overflow: hidden;}
.noTop ul li{ padding: 0 0.75rem 0 0.75rem !important; box-sizing: border-box;}
.nameTop ul li a {color: #333;float: left;width: 90%;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;}
.nameTop ul li a:hover{color:#0a8ddd;}
.nameTop ul li i {float: left;background: #ddd;border-radius: 0.1rem;color: #333;display: block;font-size: 0.7rem;font-style: normal;
    width: 0.9rem;height: 0.9rem;line-height: 0.9rem;text-align: center;margin: 0.4rem 0.25rem 0.35rem 0.25rem;position: absolute;top: 0;left: 0;}
.nameTop ul li em {float: right;color: #999;display: inline-block;font-size: 0.7rem;font-style: normal;width: auto;}
.nameTop ul li.top3 i {color: #fff;background: #e93534;}
.nameTop ul li i:before {width: 0px;height: 0px;content:'';border:0.15rem solid transparent;border-left-color:#ddd;position:absolute;left:100%;
    top:50%;margin-top:-0.15rem;}
.nameTop ul li.top3 i:before {width: 0px;height: 0px;content:'';border:0.15rem solid transparent;border-left-color:#e93534;
    position:absolute;left:100%;top:50%;margin-top:-0.15rem;}
.nameTop .picText{ width:100%; height:auto; overflow:hidden; padding-left:2%; padding-top:0.5rem; border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5; box-sizing:border-box;}
.nameTop .picText a{ width:31.3%; height:auto; overflow:hidden; display:inline-block; float:left; margin-right:2%; color:#333; font-size:0.75rem;}
.nameTop .picText a i{ display: block; width: 100%; height: 0; padding-top: 62%; overflow: hidden; position: relative;}
.nameTop .picText a img{ width:100%; height:100%; position: absolute; top: 0; left: 0;}
.nameTop .picText a span{ width:100%; height:1.25rem; line-height:1.25rem; display:block; text-align:center;}

/*宝宝取名知识--两列新闻(热门服务)*/
.TwoNews{ box-sizing:border-box;}
.TwoNews .box{ clear: both; overflow:hidden; }
.TwoNews .cell{ width: 100%; height:5.65rem; overflow:hidden; border:1px solid #e5e5e5; border-top:none; border-bottom: none; padding: 0.25rem 0.5rem 0;margin-bottom:0px;box-sizing: border-box;}
.TwoNews .cell li{ width: auto; overflow: hidden; height: 1.5rem; line-height:1.5rem; float: left; margin-right: 0.75rem; margin-bottom: 0.25rem; border-radius:1rem; border: 0; padding: 0;}
.TwoNews .box-TwoNews{ width:100%; float:left; box-sizing:border-box; border:0; border:1px solid #e5e5e5; border-top:none;}
.TwoNews .box-TwoNews li{ width: 50%; height: 1.7rem; line-height:1.7rem; float: left; box-sizing:border-box;}

/* 左右两列：左列文章列表，右列男女宝宝取名常用字,热门文章推荐等 */
/* 左列文章列表 */
.row{width: 85%;height: auto; overflow: hidden; margin: 0 auto;}
.twoList-lt{ width:68%; height: auto; overflow: hidden; float: left; margin-right: 2%;}
.twoList-lt ul{width: 100%; height: auto; overflow: hidden;}
.twoList-lt ul li.tit-cont{width: 100%; height: auto; overflow: hidden; padding: 1rem 0; border-bottom: 1px dashed #dfdfdf;}
.twoList-lt ul li.tit-cont h2 {margin: 0;font-size: 1rem;font-weight: bold;height: 1.4rem;line-height: 1.4rem;}
.twoList-lt ul li.tit-cont h2 a{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;}
.twoList-lt ul li.tit-cont h2 a{color:#333 !important;}
.twoList-lt ul li.tit-cont .cont-imgtxt{ width: 100%; height: auto; overflow: hidden; margin-top: 0.65rem;}
.twoList-lt ul li.tit-cont .cont-img{ width: 8rem;height: 5.35rem; float: left; margin-right: 1rem;}
.twoList-lt ul li.tit-cont .cont-img img{ width: 100%; height: 100%;border-radius: 0.25rem; color:#999;}
.twoList-lt ul li.tit-cont .cont-txt{ width: calc(100% - 9rem); height: auto; overflow: hidden; font-size: 0.765rem; line-height: 1.8;
    text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; color:#666;}
.twoList-lt ul li.tit-cont .cont-item{width: 100%; height: 1.5rem; line-height: 1.5rem; overflow: hidden;
    margin-top: -1.5rem; padding-left: 8rem; box-sizing: border-box;}
.twoList-lt ul li.tit-cont .cont-item a{ display: inline-block; float: left; line-height: 1.8; margin-left: 1rem; color:#8b8a89; font-size: 0.7rem;max-width: 12rem;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;overflow: hidden;}
.twoList-lt ul li.tit-cont .cont-item .a-last{ float: right;}

/* 热门文章推荐 */
.twoList-rt{ width:30%; height: auto; overflow: hidden; float: left;}
.twoList-rt .hot-rank{width:100%; height:auto; overflow:hidden;padding-top:0.5rem;}
.twoList-rt .hot-rank .module_title {border-bottom: 1px dashed #dfdfdf;font-size: 0.9rem;font-weight: 700;line-height: 1.9rem;color: #782faa;}
.twoList-rt .hot-rank ul{width: 100%; height: auto; overflow: hidden; margin-top: 0.5rem;}
.twoList-rt .hot-rank ul li{width: 100%; height: auto; overflow: hidden; line-height:1rem; font-size: 0.8rem; padding: 0.4rem 0;
    white-space: nowrap;text-overflow: ellipsis;}
.twoList-rt .hot-rank ul li a{ color:#4e3d2e;}
.twoList-rt .hot-rank ul li i {color: #ab946c;float: left;height: 0.8rem;width: 0.8rem; line-height:0.8rem; text-align: center;margin: 0 0.45rem 0 0.15rem;font-style: normal;}
.twoList-rt .hot-rank ul li i.front{color: #FFF;border-radius: 50%;font-size: 0.6rem;border: 1px solid #782faa;}